import React, { Component } from 'react'
import { Text, StyleSheet, View, Image, } from 'react-native'

//首页列表标题
export default class Title extends Component {
  render() {
    return (
      <View style={styles.box}>
        <View style={styles.title}>
          <Image style={styles.icon} source={require('../../assets/images/title-icon.png')}></Image>
          <Text style={styles.txt}>推荐资讯</Text>
        </View>
        <View>
          <Text style={styles.more}>更多&gt;</Text>
        </View>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  box:{
    height:40,
    flexDirection:'row',
    paddingLeft:15,
    paddingRight:15,
    justifyContent:'space-between',
    alignItems:'center'
  },
  title:{
    height:20,
    flexDirection:'row',
    alignItems:'center',
  },
  icon:{
    width:17.5,
    height:17.5,
    marginRight:5,
  },
  txt:{
    fontSize:16,
    lineHeight:20,
    color:'#333',
    fontWeight:'bold'
  },
  more:{
    fontSize:12,
    color:'#999',
  },
})
